
.list-page{
	width: 100%;
	.page-container{
		width: 1200px;
		position: relative;
		margin: 0 auto;
		.list-nav{
			width: 100%;
			padding: 15px 0;
			margin: 40px 0;
			border-bottom: 1px solid #45515e;
			li{
				margin-top: 10px;
				width: 100%;
				line-height: 20px;
				zoom: 1;
				&::after{
					display: block;
					content: "";
					clear: both;
				}
				.title{
					display: inline-block;
					float: left;
					width: 60px;
					color: #505050;
					text-align: right;
				}
				.content{
					float: left;
					zoom: 1;
					&::after{
						display: block;
						content: "";
						clear: both;
					}
					a{
						display: inline-block;
						float: left;
						width: 80px;
						height: 20px;
						margin-left: 20px;
						line-height: 20px;
						text-align: center;
						border-radius: 2px;
						color: #505050;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						&:hover{
							background-color: #e9546b;
							color: #fff;
						}
					}
					.all{
						background-color: #e9546b;
						color: #fff;
					}
				}
			}
			.first-nav{
				margin-top: 0;
			}
		}
		/*#listCake{
			margin-top: 84px;
			position: relative;
			z-index: 998;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			li{
				position: relative;
				width: 291px;
				margin: 0 0 10px 0;
				overflow: hidden;
				&:hover{
					outline: 1px solid #e9546b;
				}
				&:hover .img a #img-favor{
					display: block;
				}
				.img{
					position: relative;
					width: 291px;
					height: 291px;
					overflow: hidden;
					a{
						display: block;
						width: 100%;
						height: 100%;
						position: relative;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: 50%;
						#img-favor{
							display: inline-block;
							position: absolute;
							top: 15px;
							left: 15px;
							z-index: 99;
							width: 30px;
							height: 30px;
							border-radius: 50%;
							overflow: hidden;
							background-image: url(../imgs/img-favor.png);
							background-repeat: no-repeat;
							background-size: cover;
							background-position: 50%;
							display: none;
							&:hover{
								background-image: url(../imgs/img-favor-hover.png);
							}
						}
					}
				}
				.text{
					position: relative;
					width: 100%;
					height: 109px;
					p{
						margin-left: 20px;
						color: #635859;
					}
					.desc{
						padding: 14px 0 11px;
						font-size: 14px;
						color: #b5b5b5;
						overflow: hidden;
					}
					.name{
						.cn{
							padding-top: 10px;
							font-size: 14px;
							line-height: 30px;
						}
						.en{
							font-size: 10px;
							line-height: 30px;
						}
					}
					.attr{
						padding-top: 5px;
						color: #e9546b;
						.price{
							font-size: 14px;
							color: #e9546b;
						}
						.weight{
							font-size: 12px;
						}
					}
					.add-cart{
						display: block;
						position: absolute;
						right: 20px;
						bottom: 15px;
						width: 28px;
						height: 28px;
						background-image: url(../imgs/add-cart.png);
						background-repeat: no-repeat;
						background-size: cover;
						background-position: 50%;
					}
				}
			}
		}*/
	}
}